{extend name="base"}
{block name="title"}代理转账记录{/block}
{block name="head"}
<style>
.border-table tbody th{text-align:center; color:#333; font-weight:400; padding-left:5px;}
.border-table{font-size:12px; color:#666;}
</style>
{/block}
{block name="body"}
<body class="mainbody">
<form>
<!--导航栏-->
<div class="location">
  <a href="javascript:history.back(-1);" class="back"><i class="iconfont icon-up"></i><span>返回上一页</span></a>
  <a href="{:url('index/home')}" class="home"><i class="iconfont icon-home"></i><span>首页</span></a>
  <i class="arrow iconfont icon-arrow-right"></i>
  <span>代理转账记录</span>
</div>
<!--/导航栏-->

<!--工具栏-->
<div id="floatHead" class="toolbar-wrap">
  <div class="toolbar">
    <div class="box-wrap">
      <a class="menu-btn"><i class="iconfont icon-more"></i></a>
      <div class="l-list">
        <div class="menu-list">
          <div class="rule-single-select">
            <select name="channel" style="display:none">
              <option value="-1">===所有渠道===</option>
              {volist name="CHANNELS" id="val"}
              <option value="{$key}"{eq name="channel" value="$key"} selected{/eq}>[{$key}]{$val.Name}</option>
              {/volist}
            </select>
          </div>
          <input type="text" class="input rule-date-input" id="time1" autocomplete="off" {literal}onclick="WdatePicker({maxDate:'#F{$dp.$D(\'time2\')}'})"{/literal} name="time1" value="{$time1|default=''|substr=0,10}" placeholder="转账起始时间" /> -
          <input type="text" class="input rule-date-input" id="time2" autocomplete="off" {literal}onclick="WdatePicker({minDate:'#F{$dp.$D(\'time1\')}', maxDate:'%y-%M-%d'})"{/literal} name="time2" value="{$time2|default=''|substr=0,10}" placeholder="转账结束时间" />
          <input type="text" class="input txt" autocomplete="off" name="search1" value="{$search1|default=''|htmlentities}" placeholder="转账人/UserID/GameID/昵称" />
          <input type="text" class="input txt" autocomplete="off" name="search2" value="{$search2|default=''|htmlentities}" placeholder="收款人/UserID/GameID/昵称" />
          <a class="btn-search"><i class="iconfont icon-search"></i></a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--/工具栏-->

<!--列表-->
<div class="table-container">
<table class="border-table ltable" style="width:auto">
  <tr>
    <th rowspan="2">#</th>
    <th rowspan="2">渠道</th>
    <th colspan="2">转账人</th>
    <th colspan="2">收款人</th>
    <th rowspan="2">转账金额</th>
    <th rowspan="2">转账日期</th>
    <th rowspan="2">转账IP</th>
  </tr>
  <tr>
    <th>头像/昵称/GameID</th>
    <th>转账前余额</th>
    <th>头像/昵称/GameID</th>
    <th>收款前余额</th>
  </tr>
{empty name="list"}
  <tr><td colspan="13">Oh~暂无数据!</td></tr>
{else}
  {volist name="list" id="v"}
  <tr>
    <td>{$v.RecordID}</td>
    <td title="{$v.SChannel}">{$CHANNELS[$v.SChannel]['Name'] ?? '--'}</td>
    <td class="user-avatar">
      <a target="_blank" href="{:url('user.detail/index')}?UserID={$v.SUserID}"><img src="{$v.SHeadImgUrl?:'__STATIC__/houtai/images/dface.png'}" /></a>
      <div class="user-box">
        <h4><a target="_blank" class="at_{$v.SAccountsType}" href="{:url('user.detail/index')}?UserID={$v.SUserID}">{:htmlentities($v.SCompellation)}</a></h4>
        <i>{$v.SGameID}</i>
      </div>
    </td>
    <td>{$v.SBeforeCard}</td>
    <td class="user-avatar">
      <a target="_blank" href="{:url('user.detail/index')}?UserID={$v.TUserID}">
        <img src="{$v.THeadImgUrl?:'__STATIC__/houtai/images/dface.png'}" />
      </a>
      <div class="user-box">
        <h4><a target="_blank" class="at_{$v.TAccountsType}" href="{:url('user.detail/index')}?UserID={$v.TUserID}">{:htmlentities($v.TNickName)}</a></h4>
        <i>{$v.TGameID}</i>
      </div>
    </td>
    <td>{$v.TBeforeCard}</td>
    <td>{$v.RoomCard}</td>
    <td>{$v.CollectDate}</td>
    <td>{$v.ClientIP}</td>
  </tr>
  {/volist}
{/empty}
</table>
</div>
<!--/列表-->

<!--内容底部-->
<div class="page-footer"><div class="btn-wrap">{$list->render()}</div></div>
<!--/内容底部-->

</form>
</body>
{/block}